<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 包含公共顶部文件 -->

</head>

<body>
<header  th:replace="common/top.html"></header>
<div id="Main">
    <!-- 背景视频 -->
    <video autoplay loop muted playsinline id="background-video">
        <source th:src="@{/images/main_bg.mp4}" type="video/mp4" />
    </video>

    <div id="Catalog">
        <form th:action="@{/signOn}" method="post">
            <p>Please enter your username and password.</p>
            <!-- 显示登录错误信息 -->
            <p th:if="${signOnMsg != null}">
                <font color="red" th:text="${signOnMsg}"></font>
            </p>
            <p>
                Username: <input type="text" name="username" /><br />
                Password: <input type="password" name="password" />
            </p>
            <input type="submit" value="Login" />
        </form>

        Need a user name and password?
        <a th:href="@{/registerForm}">Register Now!</a>
    </div>

    <!-- 包含公共底部文件 -->
    <footer th:replace="common/bottom.html"></footer>
</div>
</body>
</html>

